<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">
<h:body>

	<ui:composition template="/WEB-INF/templates/template.xhtml">
		<ui:define name="content">
			<h:form>
				<div id="content-full">

					<div id="maintext">
						<div class="three_fourth">
							<h1>Sistema de administracion para Acabus</h1>
							<p>
								<img src="#{request.contextPath}/images/acabus_logo.png"
									alt="acabus" />
							</p>
						</div>
					</div>

					<ul class="four_column">
						<li>
							<h2>
								<img src="#{request.contextPath}/images/icon1.gif" alt=""
									class="alignright" />Modulo de adminstracion de flotas
							</h2> <span class="txtbold">Administracion de flotas</span>
							<p>Contamos con un sistema de administracion de flotas que
								monitorea operaciones 24x7 en tiempo real, dando asi una mayor y
								mejor cobertura en el transporte</p> <a href="#" class="more">Ir
								a sistema</a>
						</li>
						<li>
							<h2>
								<img src="#{request.contextPath}/images/icon2.gif" alt=""
									class="alignright" />Modulo de boletaje
							</h2> <span class="txtbold">Boletaje</span>
							<p>El modulo de boletaje es facilmente administrable ya que
								se puede configurar de acuerdo a tarifas maximas, minimas y
								especiales</p> <a href="#" class="more">Ir a sistema</a>
						</li>
						<li>
							<h2>
								<img src="#{request.contextPath}/images/icon3.gif" alt=""
									class="alignright" />Concentrador de estacion
							</h2> <span class="txtbold">CDE</span>
							<p>Breve resumen de concentrador de estacion</p> <a href="#"
							class="more">Ir a sistema</a>
						</li>
						<li class="last">
							<h2>
								<img src="#{request.contextPath}/images/icon4.gif" alt=""
									class="alignright" />Ejemplo
							</h2> <span class="txtbold">Subsistema de ejemplo</span>
							<p>Ejemplo de operaciones en subsistema modular</p> <a href="#"
							class="more">Ir a sistema</a>
						</li>
						<li class="clear"></li>
					</ul>
					<hr />

					<div class="clear"></div>

				</div>
			</h:form>
		</ui:define>
	</ui:composition>

</h:body>

</html>